{% if p.name %}
{% set title = "Perfil de " + p.name %}
{% else %}
{% set title = "Perfil de " + p.username %}
{% endif %}

{% extends 'layout.html' %}
{% block opengraph %}
<meta name="description" content='Libreflix é uma plataforma de streaming aberta e colaborativa que reúne produções audiovisuais independentes, de livre exibição e que fazem pensar.'>
<meta name="keywords"  content="libreflix, {{p.name}} Libreflix, liberflix, librefix" />

<meta property="og:image" content="
{% if p.twitter %}{{ p.gravatar }}{% elseif p.picture %}{{ p.picture }}{% else %}{{ p.gravatar }}{% endif %}"/>

<meta property="og:type" content="website" />
<meta property="og:url" content="https://libreflix.org/u/{{ p.username }}" />
<meta property="og:title" content="{{p.name}} - Libreflix" />
<meta property="og:description" content="Perfil de {{p.name}} no Libreflix é uma plataforma de streaming aberta e colaborativa que reúne produções audiovisuais independentes, de livre exibição e que fazem pensar." />
<meta property="og:site_name" content="Libreflix" />

<!-- twitter metatags-->
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="{{p.name}} - Libreflix">
<meta name="twitter:description" content="Perfil de {{p.name}} no Libreflix é uma plataforma de streaming aberta e colaborativa que reúne produções audiovisuais independentes, de livre exibição e que fazem pensar.">
<meta name="twitter:image" content="{% if p.twitter %}{{ p.gravatar }}{% elseif p.picture %}{{ p.picture }}{% else %}{{ p.gravatar }}{% endif %}">
{% endblock %}

{% block body %}
<div class="container-fluid">
  {% if messages.success %}
  <div role="alert" class="alert alert-success">
    {% for success in messages.success %}
    <div>{{ success.msg }}</div>
    {% endfor %}
  </div>
  {% endif %}
  {% if messages.error %}
  <div role="alert" class="alert alert-danger">
    {% for error in messages.error %}
    <div>{{ error.msg }}</div>
    {% endfor %}
  </div>
  {% endif %}
  {% if messages.info %}
  <div role="alert" class="alert alert-info">
    {% for info in messages.info %}
    <div>{{ info.msg }}</div>
    {% endfor %}
  </div>
  {% endif %}

</div>


{% macro printWatches(title) -%}

<h3>{{ title }} </h3>
<div class="grid">
  <p> {{ alltags }} </p>
  <ul class="entries">
    {% for w in watch %}
    {% if w.featured == 'true' %}

    <li class="col-md-3">
      <a role="button" data-toggle="modal" style="border-bottom: 0px solid;"  data-toggle="modal" data-target="#assistir{{ loop.index }}">
        <img src="{{ w.thumb480 }}" title="{{ w.title }}{% if w.subtitle %} - {{ w.subtitle }}{% endif %} ({{ w.year }})" class="fadeCatalogo" onload="this.style.opacity='1'" style="img;"/>
        <!--<h3>{{ w.title }}</h3>-->
      </a>
    </li>
    <div class="modal" id="assistir{{ loop.index }}" tabindex="-1" role="dialog" aria-labelledby="myModalLabel{{ loop.index }}">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times-circle exitTimes"></i></button>
            <a href="/assistir/{{ w.permalink }}"><button type="button" class="splash-play"><img src="/img/play.png" alt="Play"></button></a>
            <!-- <h4 class="modal-title" id="myModalLabel{{ loop.index }}">{{ w.title }} {% if w.subtitle %} - {{ w.subtitle }} {% else %} {% endif %}</h4> -->
            <a href="/assistir/{{ w.permalink }}"><div class="splash" style="background-image: url('{{ w.imgbg }}');">
            </div></a>
          </div>
          <div class="modal-body">
            <h2> {{ w.title }}</h2>

            <h4>
              {{ w.subtitle }}
              {% if w.subtitle %} &middot; {%endif%} {{w.year}}
              {% if w.classind  %} &middot; <span class="classind">{{ w.classind }}</span>{% endif %}
              {% if w.duration  %} &middot; {{ w.duration }} {% endif %}
            </h4>
            <ul class="nav nav-pills text-right">
              <li class="active"><a data-toggle="pill" href="#resumo{{ loop.index }}">Resumo</a></li>
              <!-- <li><a data-toggle="pill" href="#creditos{{ loop.index }}">Créditos</a></li> -->
              <!-- <li><a data-toggle="pill" href="#links{{ loop.index }}">Links</a></li> -->
            </ul>
            <div class="tab-content">
              <div id="resumo{{ loop.index }}" class="tab-pane fade in active">
                <!-- <h4>Resumo</h4> -->
                <div class="sinopse">{{ w.sinopse }}</div>
                <h4> Tags: {% set list1 = w.tags.split(',') %}{% for list in list1 %}<a href="/t/{{ list | trim}}">{{ list | trim}}</a>{%if loop.index0 < loop.length-1 %}, {%endif%}{% endfor %}</h4>
              </div>
              <!-- <div id="creditos{{ loop.index }}" class="tab-pane fade">
                <h4>Créditos e Elenco</h4>
                <div class="sinopse">

                </div>
              </div> -->
              <!-- <div id="links{{ loop.index }}" class="tab-pane fade">
                 <h4>Links</h4>
                 {% if w.license != 'false' %}<div class="sinopse">Licença:  {{ w.license }} </div>{%endif%}
                <div class="sinopse">

                </div>
              </div> -->
            </div>
          </div>
          <div class="modal-footer">
            {% if user.mod %}<a href="/edit/{{ w._id }}"><button type="button" class="btn btn-danger">Editar <i class="fa fa-edit"></i></button></a>{% endif %}
            <button type="button" class="btn btn-default" data-dismiss="modal">Fechar <i class="fa fa-times-circle"></i></button>
            <a href="/i/{{ w.permalink }}"><button type="button" class="btn btn-success">Informações <i class="fa fa-info-circle"></i></button></a>
            <a href="/assistir/{{ w.permalink }}"><button type="button" class="btn btn-success">Assistir <i class="fa fa-play-circle"></i></button></a>
          </div>
        </div>
      </div>
    </div>
    {% endif %}
    {% endfor %}
  </ul>
</div>
{%- endmacro %}

<section class="work">
  <div class="profile_banner" style="background: url({{ p.cover_picture}}) no-repeat center center;">
  </div>
  <div class="profile_banner_content">
    <img src="{% if p.twitter %}
                {{ p.gravatar }}
              {% elseif p.picture %}
                {{ p.picture }}
              {% else %}
                {{ p.gravatar}}
              {% endif %}"
    alt="{{ p.username }}" class="profile_pic">
    <h2>{% if p.name %} {{ p.name }} {% else %} {{ p.username }} {% endif %}</h2>
    <h4>
      {% if p.name %} @{{ p.username }}  {% else %} {% endif %}
      {% if p.location %} · {{ p.location }} {% endif %}
      {% if p.website %} · <a href="http://{{ p.website | replace("https://", "") | replace("http://", "")}}">{{ p.website | replace("https://", "") | replace("http://", "")}}</a>  {% endif %}
    </h4>
  </div>

  <!-- Longas Que o User cadastrou -->
  {% if watch != '' %}
  {{ printWatches('Obras Enviadas') }}
  {% endif %}
</section>


{% endblock %}
